<template>
  <div class="model-form">
    <el-page-header @back="goBack" content="订单详情">
    </el-page-header>
    <el-form class="viewForm" label-width="80px">
            <el-col :span="12">
                <el-form-item label="订单号">
                    <div v-html="viewModel.no"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="合并支付订单号">
                    <div v-html="viewModel.mergeOrderCode"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="外部交易流水号">
                    <div v-html="viewModel.outTradeNum"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="订单来源">
                    <div v-html="viewModel.orderSource"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="支付来源">
                    <div v-html="viewModel.paySource"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="最新售后ID">
                    <div v-html="viewModel.newRefundId"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="订单状态">
                    <div v-html="viewModel.state"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="评价状态">
                    <div v-html="viewModel.commentState"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="用户删除">
                    <div v-html="viewModel.userState"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="下单时间">
                    <div v-html="viewModel.orderTime"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="支付时间">
                    <div v-html="viewModel.payTime"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="发货时间">
                    <div v-html="viewModel.deliveryTime"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="收货时间">
                    <div v-html="viewModel.receiveTime"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="订单类型">
                    <div v-html="viewModel.orderType"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="重量">
                    <div v-html="viewModel.weight"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="原价">
                    <div v-html="viewModel.totalAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="应付金额">
                    <div v-html="viewModel.amount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="整单折扣">
                    <div v-html="viewModel.changeAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="实际支付金额">
                    <div v-html="viewModel.payAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="运费">
                    <div v-html="viewModel.freight"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="卖家优惠券总金额">
                    <div v-html="viewModel.discount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="平台优惠券总金额">
                    <div v-html="viewModel.platformDiscount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="积分抵扣">
                    <div v-html="viewModel.integralDiscount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="使用积分数">
                    <div v-html="viewModel.useIntegral"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="使用红包">
                    <div v-html="viewModel.useRedPacket"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="单件商品红包抵扣">
                    <div v-html="viewModel.redPacketDiscount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="退款金额">
                    <div v-html="viewModel.returnAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="积分赠送">
                    <div v-html="viewModel.sendIntegral"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="系统自动收货时间">
                    <div v-html="viewModel.sysReceiveTime"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="是否已延长收货">
                    <div v-html="viewModel.hasExtendReceive"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商家改价格时间">
                    <div v-html="viewModel.editPriceTime"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="完成时间">
                    <div v-html="viewModel.finishTime"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="购买数量">
                    <div v-html="viewModel.productCount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="退货数量">
                    <div v-html="viewModel.returnCount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="最后提现时间">
                    <div v-html="viewModel.remindTime"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="联系电话">
                    <div v-html="viewModel.phone"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="收货地址">
                    <div v-html="viewModel.address"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="备注">
                    <div v-html="viewModel.note"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="收货人">
                    <div v-html="viewModel.consignee"></div>
                </el-form-item>
            </el-col>
    </el-form>
  </div>
</template>

<script>
  import common from "@/mixins/common.js";
  var config = {};
  config.methods = {};
  config.mixins = [common];

  config.data = function () {
    return {
      viewModel: {},
      activeIndex: "1"
    }
  };
  config.mounted = function () {
    var id = this.$route.query.id;
    var self = this;
    var data = {};
    data.id = id;
    this.postData("/tenantRest/orderform/view.htm", data, function (res) {
      if (res.code == 0) {
        self.viewModel = res;
      }
    });
  }

  export default config;
</script>

<style scoped>

</style>